<i-form :model="this.data" class='app-form info-form-mode' ref='datapanel'  id='lead_datapanel' style="">
    <input style="display:none;" />
    <row >
            
<i-col class="form-layout-container" v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.group1" layoutType="FLEX" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.lead.datapanel_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.group1" :data="data" :context="context" :viewparams="viewparams"/>
    <div style="height: 100%;display: flex;justify-content: space-between;">
        <div class="form-layout-container" v-show="detailsModel.revenue.visible" :style="{}">
<app-form-item name='revenue' :itemRules="this.rules.revenue" class='datapanel-style' :caption="$t('entities.lead.datapanel_form.details.revenue')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.revenue.error" :isEmptyCaption="false" labelPos="BOTTOM">
    
<app-span name='revenue' :value="data.revenue" dataType="BIGDECIMAL"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</div>
<div class="form-layout-container" v-show="detailsModel.numberofemployees.visible" :style="{}">
<app-form-item name='numberofemployees' :itemRules="this.rules.numberofemployees" class='datapanel-style' :caption="$t('entities.lead.datapanel_form.details.numberofemployees')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.numberofemployees.error" :isEmptyCaption="false" labelPos="BOTTOM">
    
<app-span name='numberofemployees' :value="data.numberofemployees" dataType="INT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</div>
<div class="form-layout-container" v-show="detailsModel.statuscode.visible" :style="{}">
<app-form-item name='statuscode' :itemRules="this.rules.statuscode" class='datapanel-style' :caption="$t('entities.lead.datapanel_form.details.statuscode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.statuscode.error" :isEmptyCaption="false" labelPos="BOTTOM">
    
<app-span name='statuscode' :value="data.statuscode" dataType="NSCODELIST"     :precision="0"
tag='Lead__StatusCode' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</div>
<div class="form-layout-container" v-show="detailsModel.parentaccountname.visible" :style="{}">
<app-form-item name='parentaccountname' :itemRules="this.rules.parentaccountname" class='' :caption="$t('entities.lead.datapanel_form.details.parentaccountname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.parentaccountname.error" :isEmptyCaption="false" labelPos="BOTTOM">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.parentaccountname.disabled"
  name='parentaccountname'
  deMajorField='accountname'
  deKeyField='account'
  valueitem='parentaccountid' 
  :value="data.parentaccountname"  
  editortype="linkonly" 
  :linkview="{ viewname: 'AccountInfo', title: $t('entities.account.views.info.title'), deResParameters: [], parameters: [{ pathName: 'accounts', parameterName: 'account' }, { pathName: 'info', parameterName: 'info' } ], width: 0, height: 0, placement: '', isRedirectView: false }" 
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</div>
<div class="form-layout-container" v-show="detailsModel.parentcontactname.visible" :style="{}">
<app-form-item name='parentcontactname' :itemRules="this.rules.parentcontactname" class='' :caption="$t('entities.lead.datapanel_form.details.parentcontactname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.parentcontactname.error" :isEmptyCaption="false" labelPos="BOTTOM">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.parentcontactname.disabled"
  name='parentcontactname'
  deMajorField='fullname'
  deKeyField='contact'
  valueitem='parentcontactid' 
  :value="data.parentcontactname"  
  editortype="linkonly" 
  :linkview="{ viewname: 'ContactInfo', title: $t('entities.contact.views.info.title'), deResParameters: [{ pathName: 'accounts', parameterName: 'account' }, ], parameters: [{ pathName: 'contacts', parameterName: 'contact' }, { pathName: 'info', parameterName: 'info' } ], width: 0, height: 0, placement: '', isRedirectView: false }" 
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</div>
<div class="form-layout-container" v-show="detailsModel.ownername.visible" :style="{}">
<app-form-item name='ownername' :itemRules="this.rules.ownername" class='datapanel-style' :caption="$t('entities.lead.datapanel_form.details.ownername')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ownername.error" :isEmptyCaption="false" labelPos="BOTTOM">
    
<app-span name='ownername' :value="data.ownername" dataType="TEXT"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</div>
<div class="form-layout-container" v-show="detailsModel.grouppanel1.visible" :style="{}">
<app-form-group :model="detailsModel.grouppanel1" layoutType="FLEX" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.lead.datapanel_form.details.grouppanel1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="true" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel1" :data="data" :context="context" :viewparams="viewparams"/>
    <div style="height: 100%;display: flex;align-items: center;">
        <div class="form-layout-container" v-show="detailsModel.button1.visible" :style="{}">
    <i-button type="primary" @click="button1_click($event)" class="form-btn-noborder-transparent"
         style="">
        <i class="fa fa-angle-down" style="margin-right: 2px;"></i>   
        
    </i-button>

</div>

    </div>
</app-form-group>

</div>

    </div>
</app-form-group>

</i-col>


    </row>
</i-form>